<template>
  <div>
    <p>
      <el-table :data="tableData" border style="width: 100%">
        <el-table-column prop="date" label="成员账号" width="100">
        </el-table-column>
        <el-table-column prop="name" label="姓名" width="100">
        </el-table-column>
        <el-table-column prop="date" label="邮箱地址"> </el-table-column>
        <el-table-column prop="date" label="所属部门"> </el-table-column>
        <el-table-column prop="date" label="添加时间"> </el-table-column>
        <el-table-column prop="date" label="最后登录时间"> </el-table-column>
        <el-table-column prop="date" label="是否启用"> </el-table-column>
        <el-table-column label="操作">
          <template slot-scope="scope">
            <el-button @click="handleClick(scope.row)" type="text" size="small"
              >查看</el-button
            >
            <el-button type="text" size="small">编辑</el-button>
          </template>
        </el-table-column>
      </el-table>
    </p>
    <!-- 编辑弹框 -->
    <!-- <p>
      <el-dialog width="40%" title="内容编辑" :visible.sync="editBox">
        <el-form :model="editData">
          <el-form-item label="用户名" :label-width="'100'">
            <el-input
              disabled
              v-model="editData.name"
              autocomplete="off"
            ></el-input>
          </el-form-item>
          <el-form-item label="内容" :label-width="'100'">
            <el-input v-model="editData.con" autocomplete="off"></el-input>
          </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button @click="editBox = false">取 消</el-button>
          <el-button type="primary" @click="modify">确 定</el-button>
        </div>
      </el-dialog>
    </p>
       添加弹框 -->
        <!--<p>
      <el-dialog width="40%" title="内容编辑" :visible.sync="editBox">
        <el-form :model="editData">
          <el-form-item label="用户名" :label-width="'100'">
            <el-input
              disabled
              v-model="editData.name"
              autocomplete="off"
            ></el-input>
          </el-form-item>
          <el-form-item label="内容" :label-width="'100'">
            <el-input v-model="editData.con" autocomplete="off"></el-input>
          </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button @click="editBox = false">取 消</el-button>
          <el-button type="primary" @click="modify">确 定</el-button>
        </div>
      </el-dialog>
    </p> -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1517 弄",
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1519 弄",
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1516 弄",
        },
        {
          date: "2016-05-02",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1517 弄",
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1519 弄",
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1516 弄",
        },
        {
          date: "2016-05-02",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1517 弄",
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1519 弄",
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1516 弄",
        },
      ],
    };
  },
};
</script>